<doctype! html>
<html>
	<head>
		<link rel="stylesshet" href="style.css">
		<meta charset="utf-8">
		<title>FWJ08</title>
	
	</head>
	<body>
	<font color="red" size="14px">Contato</font>
	<br/><br/><i>Seja bem vindo, preencha o <b>formulário</b>
	abaixo para:</i> 	<br/>
		<ul>
			<li>Duvidas</li>
			<li>Sugestões</li>
			<li>Criticas</li>
			<li>Orçamentos</li>
		</ul>
		Caso queira ver nossos produtos, clique
		<a href="produtos.pdf">aqui</a>
		<br/><br/>
	<div id="formulario">
		<form>
		Nome:<input type="text" id="txtNome" size="50"
		placeholder="digite seu nome" /><br/><br />
		E-mail: <input type="text" id="txtEmail" size="60" placeholder="digite seu email" /><br/><br />
		Telefone: <input type="text" id="txtTelefone" size="30" /><br/><br />
		Assunto: <select id="assunto">
				<option>Duvidas</option>
				<option>Sugestões</option>
				<option>Criticas</option>
				<option>Orçamentos</option>
				</select><br/><br />
		Deseja receber uma copia deste e-mail:
		<input type="radio" id="Op1" name="receber" checked />
		Sim
		<input type="radio" id="Op2" name="receber" />
		Não <br/><br />
		Mensagem:
		<textarea id="msg" rows="4" cols="40"></textarea><br/><br />
		<p id="feedback"></p>
		<input type="button" id="bt1" value="Enviar" onclick="send()" />
		<input type="button" id="copy" value="Copiar" onclick="copiar()" />
		</form>
	</div>
	</body>
</html>
<script lang="javascript" src="jquery-3.3.1.min.js"></script>
<script type="text/javascript">
	function send(){
		if ($("#txtNome").val() !== "" && $("#txtEmail").val() !== "" && $("#msg").val() !== "") {
			alert("Enviando dados...")
		}
		else {
			var saida = "Você se esqueceu de alguns parâmetros: ";
			if ($("#txtNome").val() === "") {
				saida = saida + "\nNome"
			}
			if ($("#txtEmail").val() === "") {
				saida = saida + "\nE-mail"
			}
			if ($("#msg").html() === "") {
				saida = saida + "\nA mensagem a ser passada"
			}
			alert(saida)
		}
	}
	function copiar(){
		var saida = ""
		saida = saida + "Nome: "
		if ($("#txtNome").val() !== "") saida = saida + $("#txtNome").val()
		else saida = saida + "Não declarado"

		saida = saida + "<br>E-mail: "
		if ($("#txtEmail").val() !== "") saida = saida + $("#txtEmail").val()
		else saida = saida + "Não declarado"

		saida = saida + "<br>Telefone: "
		if ($("#txtTelefone").val() !== "") saida = saida + $("#txtTelefone").val()
		else saida = saida + "Não declarado"

		saida = saida + "<br>Assunto: "
		saida = saida + $("#assunto").val()

		saida = saida + "<br>Mensagem: "
		if ($("#msg").val() !== "") saida = saida + $("#msg").val()
		else saida = saida + "Não declarado"

		console.log(saida)
		$("#feedback").html(saida)
		$("#feedback").slideDown(1000)
	}
	$("#feedback").hide(0)
</script>